<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>邮件组详情</title>

    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta charset="UTF-8">
    <meta name="description" content="Admin Dashboard Template" />
    <meta name="keywords" content="admin,dashboard" />
    <meta name="author" content="Steelcoders" />

    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/line-icons/simple-line-icons.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/waves/waves.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/3d-bold-navigation/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/plugins/fontawesome/css/font-awesome.css" rel="stylesheet" type="text/css"/>

    <!-- Theme Styles -->
    <link href="../assets/css/modern.min.css" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/themes/green.css" class="theme-color" rel="stylesheet" type="text/css"/>
    <link href="../assets/css/custom.css" rel="stylesheet" type="text/css"/>
    <script src="../assets/plugins/jquery/jquery-2.1.4.min.js"></script>
    <script src="../assets/plugins/jquery-ui/jquery-ui.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script type="text/javascript" src="../assets/js/up-success.js"></script>

</head>
<body>
<main class="page-content content-wrap">
    <div class="navbar">
        <div class="navbar-inner">
            <div class="sidebar-pusher">
                <a class="waves-effect waves-button waves-classic push-sidebar" href="javascript:void(0);">
                    <i class="fa fa-bars"></i>
                </a>
            </div>
            <div class="logo-box">
                <a class="logo-text" href=""><span></span></a>
            </div><!-- Logo Box -->
            <div class="search-button">
                <a class="waves-effect waves-button waves-classic show-search" href="javascript:void(0);"><i class="fa fa-search"></i></a>
            </div>
            <div class="topmenu-outer">
                <div class="top-menu">

                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a class="waves-effect waves-button waves-classic show-search" href="javascript:void(0);"><i class="fa fa-search"></i></a>
                        </li>

                        <li class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle waves-effect waves-button waves-classic" href="#">
                                <span class="user-name">用户名</span>
                                <img width="40" height="40" alt="" src="../assets/images/avatar1.png" class="img-circle avatar">
                            </a>

                        </li>
                        <li>
                            <a class="log-out waves-effect waves-button waves-classic" href="login.html">
                                <span><i class="fa fa-sign-out m-r-xs"></i>Log out</span>
                            </a>
                        </li>

                    </ul><!-- Nav -->
                </div><!-- Top Menu -->
            </div>
        </div>
    </div><!-- Navbar -->
    <div class="page-sidebar sidebar">
        <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 100%;"><div class="page-sidebar-inner slimscroll" style="overflow: hidden; width: auto; height: 100%;">

            <ul class="menu accordion-menu">
                <li class="active"><a class="waves-effect waves-button" href="/main-page"><span class="menu-icon glyphicon glyphicon-home"></span><p>首页</p></a></li>
                <li id="bianji"><a href="/user/management" class="waves-effect waves-button"><span class="menu-icon glyphicon glyphicon-user"></span><p>人员汇总</p><span class="arrow"></span></a>
                    <ul style="display: none;" class="sub-menu">
                        <li>人员汇总</li>
                        <li class="active"><a href="/user/add">新增人员</a></li>
                    </ul>
                </li>
                <li class="droplink">
                    <a class="waves-effect waves-button" href="/user/emailgroup">
                        <span class="menu-icon glyphicon glyphicon-envelope"></span><p>邮件</p><span class="arrow"></span></a>
                    <ul class="sub-menu" style="display: block;">
                        <li><a href="/user/emailgroup">全部邮件组</a></li>
                        <li><a href="/user/addEmail">新建邮件组</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        </div>
    </div><!-- Page Sidebar -->
    <div class="page-inner" style="min-height:1088px !important">

        <div id="main-wrapper">
            <div  class="alert alert-success alert-dismissible" style="display: none">
                <a   class="close"><span >×</span></a>
                <i class="fa fa-check"></i> 添加人员成功
            </div>


            <div class="row">
                <div class="col-md-12">

                    <div class="dataTables_length ">
                        <a class="btn btn-default m-b-sm" type="button" href="/user/emailgroup"> <i class="fa fa-mail-reply"></i> 返回邮件组列表</a>
                    </div>
                    <div class="panel panel-white">

                        <div class="panel-heading clearfix" id="emailflog">

                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">

                                <div class="dataTables_length float_left">
                                    <a type="button" class="btn btn-info btn-addon m-b-sm" href="/user/addpopu"><i class="fa fa-plus"></i> 新增邮件组人员</a>
                                </div>
                                <div class="dataTables_filter float_right"><label>查找:<input type="search" class="" placeholder="" aria-controls="example"></label></div>

                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>姓名</th>
                                        <th>邮箱</th>
                                        <th>电话</th>
                                        <th>状态</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tableText">
                                    </tbody>
                                </table>
                                <div class="dataTables_paginate paging_simple_numbers" >
                                    <a class="paginate_button previous disabled" aria-controls="example-editable" data-dt-idx="0" tabindex="0" id="example-editable_previous">上一页</a>
                                    <span><a class="paginate_button current" aria-controls="example-editable" data-dt-idx="1" tabindex="0">1</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="2" tabindex="0">2</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="3" tabindex="0">3</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="4" tabindex="0">4</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="5" tabindex="0">5</a>
                                        <a class="paginate_button " aria-controls="example-editable" data-dt-idx="6" tabindex="0">6</a>
                                    </span>
                                    <a class="paginate_button next" aria-controls="example-editable" data-dt-idx="7" tabindex="0" id="example-editable_next">下一页</a></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div><!-- Main Wrapper -->

    </div><!-- Page Inner -->
</main>
</body>
</html>